<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
    <link rel="stylesheet" href="../mycss/main.css"/>
    <link rel="stylesheet" href="../bootstrap-3.3.7-dist/css/bootstrap.css" media="screen"/>

    <link rel="stylesheet" href="../bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css" media="screen"/>
    <script src="../jquery/jquery-3.3.1.min.js"></script>
    <script src="../bootstrap-3.3.7-dist/js/bootstrap.js"></script>

    <script src="../bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
    <script src="../bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
    <title>home</title>
  </head>

  <body>
    <!--引用页面头部-->
    <div th:include="header :: header"></div>

    <!--广告栏-->
    <!-- <div class="t_myarea t_condition clearfix t_zindex0">
      <div id="myCarousel" class="carousel slide t_newlistbox">
        <!-- 轮播（Carousel）指标 -->
        <!-- <ol class="carousel-indicators">
          <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
          <li data-target="#myCarousel" data-slide-to="1"></li>
          <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>    -->
        <!-- 轮播（Carousel）项目 -->
        <!-- <div class="carousel-inner">
          <div class="item active">
            <img src="../imgs/ChAFfVph2h2AGdKKAApvRjK7dPs812.png" alt="First slide" />
            <div class="carousel-caption">标题 1</div>
          </div>
          <div class="item">
            <img src="../imgs/ChAFD1ob1gyAPnEiAARe1QPIHdg475.jpg" alt="First slide" />
            <div class="carousel-caption">标题 2</div>
          </div>
          <div class="item">
            <img src="../imgs/ChAFD1qOcv-Af5rWAAaxDtEftCA559.jpg" alt="First slide" />
            <div class="carousel-caption">标题 3</div>
          </div>
        </div> -->
        <!-- 轮播（Carousel）导航 -->
        <!-- <a class="carousel-control left" href="#myCarousel" 
           data-slide="prev">&lsaquo;</a>
        <a class="carousel-control right" href="#myCarousel" 
           data-slide="next">&rsaquo;</a>
      </div>
    </div> --> 
    <!--广告栏-->

    <!--查找-->
    <!-- <div class="t_myarea t_search clearfix t_zindex0">
      <ul class="nav navbar-nav">
        <li class="li-search">
          <div class="input-group">
            <input type="text" class="form-control" />
            <span class="input-group-addon">搜索</span>
          </div>
        </li>
        <li class="li-mapfind">
          <button class="btn btn-warning">地图找房</button>
        </li>
      </ul>
    </div> -->
    <!--查找-->

    <!--筛选条件-->
    <div class="t_myarea t_condition clearfix t_zindex0">
        <table class="table table-bordered t-condition-table">
          <tbody>
            <tr>
              <td>
                <b>租金：</b>
                <div class="btn-group" data-toggle="buttons">
                  <label class="btn">
                    <input type="radio" name="options" id="option1" /> 1000元以下
                  </label>
                  <label class="btn">
                    <input type="radio" name="options" id="option2" /> 1000~3000元
                  </label>
                  <label class="btn">
                    <input type="radio" name="options" id="option3" /> 3000~5000元
                  </label>
                </div>  
              </td>
            </tr>
            <tr>
              <td>
              <b>居室：</b>
              <div class="btn-group" data-toggle="buttons">
                  <label class="btn">
                    <input type="radio" name="options" id="option1" /> 1居
                  </label>
                  <label class="btn">
                    <input type="radio" name="options" id="option2" /> 2居
                  </label>
                  <label class="btn">
                    <input type="radio" name="options" id="option3" /> 3居
                  </label>
                  <label class="btn">
                    <input type="radio" name="options" id="option3" /> 4居
                  </label>
              </div>
              </td>
            </tr>
            <tr>
              <td>
                <b>面积：</b>
                <div class="btn-group" data-toggle="buttons">
                  <label class="btn">
                    <input type="radio" name="options" id="option1" /> 40m²
                  </label>
                  <label class="btn">
                    <input type="radio" name="options" id="option2" /> 40~60m²
                  </label>
                  <label class="btn">
                    <input type="radio" name="options" id="option3" /> 60~80m²
                  </label>
                  <label class="btn">
                    <input type="radio" name="options" id="option3" /> 80~100m²
                  </label>
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <!--筛选条件-->

    <div class="t_myarea t_mainbox clearfix t_zindex0">
      <div class="t_newlistbox">
        <div class="t_shuaichoose_order">
          <ul class="clearfix">
            <li class=""><a href="" title="默认排序">默认排序</a></li>
            <li class=""><a href="" title="点击按价格从低到高排序">价格<i></i></a></li>
            <li class=""><a href="" title="点击按面积从大到小排序">面积<i></i></a></li>
          </ul>
        </div>
        <div class="div_houseList">
           <ul class="clearfix" id="order_ul">
              <li class="li-house clearfix">
                  <div class="img-house-small">
                      <a href="">
                        <img src="../imgs/v800x600_ChAFD1py5eaAZUrOAAzCjA7Xtec437.jpg" alt="紫东芯座" />
                      </a>
                  </div>
                  <div class="txt">
                      <h3>
                          <a target="_blank" href="" class="t1">友家 · 紫东芯座3居室-南卧</a>
                      </h3>
                      <h4>
                          <a target="_blank" href="">[成华万象城] 4号线万年场</a>
                      </h4>
                      <div class="detail">
                        <p>
                            <span>15.4 ㎡</span>
                            |“
                            <span>20/33层</span>
                            ”
                            <span>3室1厅</span>
                        </p>
                        <p>
                            <span>距4号线万年场站632米</span>
                        </p>
                        <p class="leave">有2间空房</p>
                      </div>
                      <p class="room_tags clearfix">
                        <span class="subway"></span>
                        <span class="balcony"></span>
                        <a href="" target="_blank">
                          <span class="style">友家4.0木棉</span>
                        </a>
                      </p>
                    </div>
                    <div class="priceDetail">
                        <p class="price">
                            <label>￥ 1360 </label><span class="gray-6">(每月)</span>
                        </p>
                        <p class="more">
                          <button type="button" class="btn btn-lg btn-block btn-default">查看更多</button>
                        </p>
                    </div>
              </li>
           </ul>
        </div>
        <div class="pages" id="page"></div>
        </div>
      </div>
    </div>
  </body>
</html>